<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的勋章</title>

</head>
<body>
    <div class="app-medal dpflex fdcolumn">
        <header>
            <p class="my cf f24 fb">我的徽章</p>
            <p class="badges f20 fb">MY BADGES</p>
            <p class="ranking f16">今日排名</p>
            <p class="num cf f80 fb">9</p>
            <p class="small cf "><</p>
        </header>
        <main class="wrapper dpflex fdcolumn">
            <ul class="dpflex ">
                <li>
                    <img src="../imgs/mybadge01.jpg" alt="" class="mt8 ml8 mb8">
                    <p class="tac f14">连续训练天数</p>
                </li>
                <li>
                    <img src="../imgs/mybadge02.jpg" alt="" class="mt8 ml8 mb8">
                    <p class="tac f14">累积训练天数</p>
                </li>
                <li>
                    <img src="../imgs/mybadge03.jpg" alt="" class="mt8 ml8 mb8">
                    <p class="tac f14">训练次数</p>
                </li>
            </ul>
            <ul class="dpflex ">
                <li>
                    <img src="../imgs/mybadge04.jpg" alt="" class="mt8 ml8 mb8">
                    <p class="tac f14">跑步次数</p>
                </li>
                <li>
                    <img src="../imgs/mybadge05.jpg" alt="" class="mt8 ml8 mb8">
                    <p class="tac f14">骑行次数</p>
                </li>
                <li>
                    <img src="../imgs/mybadge06.jpg" alt="" class="mt8 ml8 mb8">
                    <p class="tac f14">明星圈友</p>
                </li>
            </ul>
            <ul class="dpflex ">
                <li>
                    <img src="../imgs/mybadge07.jpg" alt="" class="mt8 ml8 mb8">
                    <p class="tac f14">评论达人</p>
                </li>
                <li>
                    <img src="../imgs/mybadge08.jpg" alt="" class="mt8 ml8 mb8">
                    <p class="tac f14">运动铁粉</p>
                </li>
                <li>
                    <img src="../imgs/mybadge09.jpg" alt="" class="mt8 ml8 mb8">
                </li>
            </ul>
        </main>
    </div>
</body>
</html>